﻿<UserControl x:Class="PongsathonKeng.SkypeStudio.SkypeStudioWindow"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:vsfx="clr-namespace:Microsoft.VisualStudio.Shell;assembly=Microsoft.VisualStudio.Shell.10.0"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300"
             Name="MyToolWindow"
             Background="{DynamicResource {x:Static vsfx:VsBrushes.ToolWindowBackgroundKey}}" Width="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=TabControl, AncestorLevel=1}, Path=ActualWidth}">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <ContentControl Grid.Row="0"  Content="{Binding SkypeTooBarView}"></ContentControl>
        <!--<ContentControl Grid.Row="1"  Content="{Binding SendMessageView}"></ContentControl>-->

        <TabControl Grid.Row="2" TabStripPlacement="Bottom">
            <TabItem   IsSelected="{Binding IsContactTabSelected, Mode=TwoWay}" >
                <TabItem.Header>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition></ColumnDefinition>
                            <ColumnDefinition></ColumnDefinition>
                        </Grid.ColumnDefinitions>
                        <Image Grid.Row="0" Grid.Column="0" Width="24" Height="24" Margin="5"  Source="/SkypeStudio;component/Images/Address_book_Alpha_down_24x24_s1.png" />
                        <TextBlock Grid.Row="0" Grid.Column="1" Text="Contact" VerticalAlignment="Center" Margin="5,0,5,0"/>
                    </Grid>
                </TabItem.Header>
                <ContentControl Grid.Row="2" Content="{Binding ContactListView}"  Margin="5" ></ContentControl>
            </TabItem>
            <TabItem IsSelected="{Binding IsChatTabSelected, Mode=TwoWay}" >

                <TabItem.Header>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition></ColumnDefinition>
                            <ColumnDefinition></ColumnDefinition>
                        </Grid.ColumnDefinitions>
                        <Image Grid.Row="0" Grid.Column="0" Width="24" Height="24" Margin="5"  Source="/SkypeStudio;component/Images/Message_start_Alpha_down_32x32_s1.png" />
                        <TextBlock Grid.Row="0" Grid.Column="1" Text="Chats" VerticalAlignment="Center" Margin="5,0,5,0"/>
                    </Grid>
                </TabItem.Header>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>


                    <Frame Grid.Row="1" x:Name="browserFrame" NavigationUIVisibility="Hidden"   Content="{Binding ChatListView}">
                    </Frame>
                </Grid>

            </TabItem>
        </TabControl>
    </Grid>
</UserControl>
